<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">


<h:head>
	<style type="text/css">
body {
	background-color: #EDEFF4;
}

div.login {
	top: 100px;
	width: 300px;
	height: 130px;
	outline: 1px solid #B2B2B2;
	position: relative;
	left: 50%;
	margin-left: -250px;
	/* 	background-image:
				url("#{facesContext.externalContext.request.contextPath}/imgs/alerta.png"); */
	background-repeat: no-repeat;
	background-position: center;
	background-color: #FFF;
	text-align: center;
	padding: 30px;
}

.campoUsuario,.campoSenha {
	width: 200px;
	background-color: #F4F4ED;
	border-style: solid;
	border-width: 1px;
	border-color: #7C7C7C;
}

.labels {
	font-size: 14px;
	color: #7C7C7C;
	font-weight: bold;
}

.botao {
	width: 100px;
	background-color: #F4F4ED;
	border-width: 1px;
	border-color: #7C7C7C;
	font-weight: bold;
	color: #7C7C7C;
}

.botao,.campoUsuario,.campoSenha,.labels, .msgErro {
	font-family: verdana, helvetica, arial, sans-serif;
}

.msgErro{
	font-weight: bold;
	color: #FF0D00;
	font-size: 14px;
}

</style>

</h:head>
<h:body>

	<form action="j_spring_security_check" method="post">
		<div class="login">
			<table cellpadding="10" cellspacing="0" border="0" width="100%">
				<tr>
					<td colspan="2"><h:outputText styleClass="msgErro"
							rendered="#{param['error'] eq 'invalido'}"
							value="Usuário e/ou senha inválidos!" /></td>
				</tr>
				<tr>
					<td align="right"><h:outputLabel value="#{lbls.LBL_0104}: "
							for="j_username" styleClass="labels" /></td>
					<td><h:inputText id="j_username" styleClass="campoUsuario" /></td>
				</tr>
				<tr>
					<td align="right"><h:outputLabel value="#{lbls.LBL_0105}: "
							for="j_password" styleClass="labels" /></td>
					<td><h:inputSecret id="j_password" styleClass="campoSenha" /></td>
				</tr>
				<tr>
					<td align="right"></td>
					<td align="right"><input type="submit"
						value="#{lbls.LBL_0114}" class="botao" /></td>
				</tr>
			</table>

		</div>
	</form>

</h:body>

</html>